<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>内容查找与替换</title>
	</head>
	<body>
		<div>过滤前内容：<br>
			<textarea id="pre" rows="10" cols="40"></textarea>
			<input id="btn" type="button" value="过滤" />			
		</div>
		<div>过滤内容：<br>
			<textarea id="res" rows="10" clos="40"></textarea>
		</div>
		<script>	
			var btn=document.getElementById('btn');
			btn.onclick=function(){
				/*1、原字符串：第一个文本框内的值
				  2、正则表达式：匹配任意一个中文字符和英文bad
				  3、得到新的字符串：String对象的replace（）用*替换原字符串（满足正则表达式）
				  4、设置第2个文本框的值为新字符串*/
			var str=document.getElementById('pre').value;
			var reg=/bad|[\u4e00-\u9fa5]/gi;
			var newStr=str.replace(reg,'*');
			document.getElementById('res').innerHTML=newStr;
			}
		</script>
	</body>
</html>
